<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝网 -淘! 我喜欢</title>
	<link rel="icon" href="" type=""/>
	<link rel="stylesheet" href="./taobao.css">
	<link rel="stylesheet" href="./icon/iconfont.css">
</head>
<body>
	<div class="wrapper">
		<div class="content">
			<ul class="left-ul">
				<li>
					<div class="become-white">
						<a href="#" class="top-word-first">中国大陆</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
				<li><a href="#" class="top-words red-word margin3" >亲，请登录</a></li>
				<li><a href="#" class="top-words margin1">免费注册</a></li>
				<li><a href="#" class="top-words">手机逛淘宝</a></li>
			</ul>

			<ul class="right-ul">
				<li>
					<div class="become-white">
						<a href="#" class="top-box-words margin2">我的淘宝</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
				<li>
					<i class="iconfont icon-gouwuche"></i>
					<a href="#" class="top-words">购物车</a>
					<i class="iconfont icon-jiantou margin4"></i>
				</li>
				<li>
					<div class="become-white become-white1">
						<i class="iconfont icon-shoucang2"></i>
						<a href="#" class="top-words">收藏夹</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
				<li>
					<a href="#" class="top-words margin2">商品分类</a>
					<span class="string">|</span>
				</li>
				<li>
					<div class="become-white">
						<a href="#" class="top-words margin2">卖家中心</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
				<li>
					<div class="become-white">
						<a href="#" class="top-words margin2">联系客户</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
				<li>
					<div class="become-white become-white2">
						<i class="iconfont icon-liebiao"></i>
						<a href="#" class="top-words top-word-last">网址导航</a>
						<i class="iconfont icon-jiantou"></i>
					</div>
				</li>
			</ul>
		</div>
	</div>

	<div class="top-search">
		<div class="wrapper1">
			<a href="#" class="ai"></a>
			<ul class="top-ul">
				<li class="baby">宝贝</li>
				<li class="tianmao">天猫</li>
				<li class="tianmao">店铺</li>
			</ul>
			<i class="iconfont icon-sousuo"></i>
			<i class="iconfont icon-xiangji"></i>
			<input type="text" name="search" value="外套女冬学生 百搭" class="search">
			<input type="submit" name="search-button" value="搜索" class="button">
			<img src="./images/二维码.jpg" class="erweima">
			<ul class="chooses-ul">
				<li><a href="#" class="chooses">新款连衣裙</a></li>
				<li><a href="#" class="chooses">四件套</a></li>
				<li><a href="#" class="chooses chooses-s">潮流T恤</a></li>
				<li><a href="#" class="chooses">时尚女鞋</a></li>
				<li><a href="#" class="chooses">短裤</a></li>
				<li><a href="#" class="chooses">半身裙</a></li>
				<li><a href="#" class="chooses">男士外套</a></li>
				<li><a href="#" class="chooses">墙纸</a></li>
				<li><a href="#" class="chooses">行车记录仪</a></li>
				<li><a href="#" class="chooses">新款男鞋</a></li>
				<li><a href="#" class="chooses">耳机</a></li>
				<li><a href="#" class="chooses">时尚女包</a></li>
				<li><a href="#" class="chooses">沙发</a></li>
			</ul>
		</div>
	</div>

	<div class="wrapper2">
		<div class="guideline">
			<h2 class="market">主题市场</h2>

			<div class="guide-box">
				<ul class="guide-left">
					<li><a href="#" class="guide-section">天猫</a></li>
					<li><a href="#" class="guide-section margin5">聚划算</a></li>
					<li><a href="#" class="guide-section">天猫超市</a></li>
				</ul>
				<ul class="guide-middle">
					<li><span class="string1">|</span><a href="#" class="guide-section margin6">淘抢购</a></li>
					<li><a href="#" class="guide-section margin6">电器城</a></li>
					<li><a href="#" class="guide-section margin6">司法拍卖</a></li>
					<li><a href="#" class="guide-section margin6">淘宝精选</a></li>
					<li><a href="#" class="guide-section margin6">兴农扶贫</a></li>
				</ul>
				<ul class="guide-right">
					<li><span class="string1 string2">|</span><a href="#" class="guide-section margin6">飞猪旅行</a></li>
					<li><a href="#" class="guide-section margin6">智能生活</a></li>
					<li><a href="#" class="guide-section margin6">苏宁易购</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div class="wrapper3">
		<div class="content1">
			<div class="content-left">
				<div class="main">
					<div class="kinds">
						<ul class="kinds-ul">
							<li class="kinds-li">
								<a href="#" class="kind-a">女装</a> / 
								<a href="#" class="kind-a">男装</a> / 
								<a href="#" class="kind-a">内衣</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">鞋靴</a> /
								<a href="#" class="kind-a">箱包</a> / 
								<a href="#" class="kind-a">内衣配件</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">童装玩具</a> /
								<a href="#" class="kind-a">孕产</a> / 
								<a href="#" class="kind-a">用品</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">家电</a> /
								<a href="#" class="kind-a">数码</a> / 
								<a href="#" class="kind-a">手机</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">美妆</a> /
								<a href="#" class="kind-a">洗护</a> / 
								<a href="#" class="kind-a">保健品</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">饰品</a> /
								<a href="#" class="kind-a">珠宝</a> / 
								<a href="#" class="kind-a">手表眼镜</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">运动</a> /
								<a href="#" class="kind-a">户外</a> / 
								<a href="#" class="kind-a">乐器</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">游戏</a> /
								<a href="#" class="kind-a">动漫</a> / 
								<a href="#" class="kind-a">影视</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">美食</a> /
								<a href="#" class="kind-a">生鲜</a> / 
								<a href="#" class="kind-a">零食</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">鲜花</a> /
								<a href="#" class="kind-a">宠物</a> / 
								<a href="#" class="kind-a">农资</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">工具</a> /
								<a href="#" class="kind-a">装修</a> / 
								<a href="#" class="kind-a">建材</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">家具</a> /
								<a href="#" class="kind-a">家饰</a> / 
								<a href="#" class="kind-a">家纺</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">汽车</a> /
								<a href="#" class="kind-a">二手车</a> / 
								<a href="#" class="kind-a">用品</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">办公</a> / 
								<a href="#" class="kind-a">DIY</a> / 
								<a href="#" class="kind-a">五金电子</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">百货</a> / 
								<a href="#" class="kind-a">餐厨</a> / 
								<a href="#" class="kind-a">家庭保健</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
							<li class="kinds-li">
								<a href="#" class="kind-a">学习</a> / 
								<a href="#" class="kind-a">卡券</a> / 
								<a href="#" class="kind-a">本地服务</a>
								<i class="iconfont icon-jiantou1"></i>
							</li>
						</ul>
					</div>

					<div class="slide">
						<img src="https://aecpm.alicdn.com/simba/img/TB183NQapLM8KJjSZFBSutJHVXa.jpg" class="cursor">
						<img src="images/天猫.png" alt="天猫" class="TM-pic">
						<em class="slogan">理想生活上天猫</em>
						<em class="page"><span class="red-page">1</span>/6</em>

						<div class="slide1">
							<div class="black-line"></div>

							<img class="slide1-pic" src="https://aecpm.alicdn.com/simba/img/TB1X6uHLVXXXXcCXVXXSutbFXXX.jpg">
							<img class="slide1-pic" src="https://aecpm.alicdn.com/simba/img/TB13xKuLVXXXXcHapXXSutbFXXX.jpg">
						</div>
					</div>

					<div class="hot">
						<img class="cursor" src="https://img.alicdn.com/imgextra/i3/153/O1CN011D0748w23KwY43u_!!153-0-lubanu.jpg_290x290q90.jpg_.webp">

						<h5 class="hot-sale">今日热卖</h5>

						<img class="cursor" src="https://img.alicdn.com/simba/img/TB1ZEvPibrpK1RjSZTESuwWAVXa.jpg">
					</div>
				</div>

				<div class="news-box">
					<div class="head-news">
						<em class="slogan1">让你的生活更有趣</em>
					</div>
					<div class="news-data">
						<img class="news-pic" src="https://img.alicdn.com/tfscom/i1/O1CN011lsnHvtLUC8kvAO_!!0-arctic.jpg">
						<p class="news-data1">官宣! 双11合伙人集能量瓜分10亿红包</p>
						<p class="news-data2">看到从天而降的红包包包了吗？对的，铁蛋给大家说今年双11的红包攻略了！</p>
					</div>
				</div>
			</div>

			<div class="content-right">
				<div class="head-box">
					<img src="./images/头像.jpg" alt="头像" class="head-pic">
					<div class="Hi">Hi! 你好</div>
					<div class="gold">
						<img src="./images/图标-1.png" class="signal">
						<p class="pick-money">领淘金币抵钱</p>
					</div>
					<div class="gold member">
						<img src="./images/图标-2.png" class="signal">
						<p class="pick-money">会员俱乐部</p>
					</div>
				</div>

				<div class="login">
					<div class="login-button">登陆</div>
					<div class="login-button register-button">注册</div>
					<div class="login-button register-button">开店</div>
				</div>

				<div class="report">
					<p class="report-word">网上有害信息举报专区</p>
					<i class="iconfont icon-jiantou2"></i>
				</div>

				<div class="notice">
					<ul class="notice-ul">
						<li class="notice-li">公告</li>
						<li class="notice-li">规则</li>
						<li class="notice-li">论坛</li>
						<li class="notice-li">安全</li>
						<li class="notice-li last">公益</li>
					</ul>
				</div>

				<div class="notice-data">
					<a href="#" class="notice-data1">马云对话挪威国王王后，要联手保护海洋</a><br>
					<a href="#" class="notice-data1 notice-data2">天猫双11将来临</a>
					<a href="#" class="notice-data1 notice-data3">盒马加入天猫双11</a>
				</div>

				<div class="functions">
					<div class="functions-kinds">
						<img src="./images/图标1.png" alt="充话费" class="function-pic">
						<p class="function-name">充话费</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标3.png" alt="旅行" class="function-pic">
						<p class="function-name">旅行</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标2.png" alt="车险" class="function-pic">
						<p class="function-name">车险</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标4.png" alt="游戏" class="function-pic">
						<p class="function-name">游戏</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标5.png" alt="彩票" class="function-pic">
						<p class="function-name">彩票</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标6.png" alt="电影" class="function-pic">
						<p class="function-name">电影</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标7.png" alt="酒店" class="function-pic">
						<p class="function-name">酒店</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标8.png" alt="理财" class="function-pic">
						<p class="function-name">理财</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标9.png" alt="找服务" class="function-pic">
						<p class="function-name">找服务</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标10.png" alt="演出" class="function-pic">
						<p class="function-name">演出</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标11.png" alt="水电煤" class="function-pic">
						<p class="function-name">水电煤</p>
					</div>
					<div class="functions-kinds">
						<img src="./images/图标12.png" alt="火车票" class="function-pic">
						<p class="function-name">火车票</p>
					</div>
				</div>

				<div class="APP">
					<h3 class="AliAPP">阿里APP</h3>
					<a href="#" class="more">更多
						<i class="iconfont icon-jiantou1 icon-jiantou1-margin"></i>
					</a>

					<div class="APP-signal">
						<img class="APP-signal-pic" src="" alt="淘宝">
						<img class="APP-signal-pic" src="" alt="天猫">
						<img class="APP-signal-pic" src="" alt="聚划算">
						<img class="APP-signal-pic" src="" alt="支付宝">
						<img class="APP-signal-pic" src="" alt="旺旺">
						<img class="APP-signal-pic" src="" alt="闲鱼">
						<img class="APP-signal-pic" src="https://img.alicdn.com/tps/TB1OQ9.PFXXXXb6XFXXXXXXXXXX-70-70.png_60x60.jpg_.webp" alt="虾米">
						<img class="APP-signal-pic" src="" alt="飞猪旅行">
						<img class="APP-signal-pic" src="" alt="钱盾">
						<img class="APP-signal-pic" src="" alt="蚂蚁财富">
					</div>
				</div>

			</div>
		</div>
	</div>
	
	<img src="./images/wangwang.PNG" class="wang">
	<div class="fixed">
		<a href="#" class="square square-first">爱逛好货</a>
		<a href="#" class="square square2">好店直播</a>
		<a href="#" class="square square3">品质特色</a>
		<a href="#" class="square square4">实惠热卖</a>
		<a href="#" class="square square5">猜你喜欢</a>
		<a href="#" class="square square-feedback">反馈</a>
		<a href="#" class="square square-last">暴恐举报</a>
	</div>
</body>
</html>